import React from 'react';
import './OffenShop.css'


const OffenShop = () => {
    return (
        <div className="offenShop-container">
            <div className="offen-title">
                <span className='title-offen-shop'>我常逛的店铺</span>
                <span className='title-offen-more'>
                    查看更多
                    <i className='iconfont'>&#xe629;</i>
                </span>
            </div>
            <div className="offen-items">
                <div className="offen-item">
                    <div className="offenItem-header">
                        <div className="header-avatar">
                            <img src="https://img2.baidu.com/it/u=1454761046,2213546903&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" alt="" />
                        </div>
                        <div className="header-descript">
                            <div className="header-shopName">
                                有家零食店
                            </div>
                            <div className="header-browse">
                                <span>曾买过</span>
                                <span>&nbsp;|&nbsp;</span>
                                <span>看过1次</span>
                            </div>
                        </div>
                    </div>
                    <div className="shopThing-img">
                        <img src="https://gw.alicdn.com/bao/uploaded/i2/628189716/O1CN013U0H2y2LdyuUrmzRP-628189716.jpg_320x320q90.jpg_.webp" alt="" />
                    </div>
                </div>

                <div className="offen-item">
                    <div className="offenItem-header">
                        <div className="header-avatar">
                            <img src="https://img2.baidu.com/it/u=1454761046,2213546903&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" alt="" />
                        </div>
                        <div className="header-descript">
                            <div className="header-shopName">
                                有家零食店
                            </div>
                            <div className="header-browse">
                                <span>曾买过</span>
                                <span>&nbsp;|&nbsp;</span>
                                <span>看过1次</span>
                            </div>
                        </div>
                    </div>
                    <div className="shopThing-img">
                        <img src="https://gw.alicdn.com/bao/uploaded/i2/628189716/O1CN013U0H2y2LdyuUrmzRP-628189716.jpg_320x320q90.jpg_.webp" alt="" />
                    </div>
                </div>

                <div className="offen-item">
                    <div className="offenItem-header">
                        <div className="header-avatar">
                            <img src="https://img2.baidu.com/it/u=1454761046,2213546903&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" alt="" />
                        </div>
                        <div className="header-descript">
                            <div className="header-shopName">
                                有家零食店
                            </div>
                            <div className="header-browse">
                                <span>曾买过</span>
                                <span>&nbsp;|&nbsp;</span>
                                <span>看过1次</span>
                            </div>
                        </div>
                    </div>
                    <div className="shopThing-img">
                        <img src="https://gw.alicdn.com/bao/uploaded/i2/628189716/O1CN013U0H2y2LdyuUrmzRP-628189716.jpg_320x320q90.jpg_.webp" alt="" />
                    </div>
                </div>

            </div>

        </div>
    )
}

export default OffenShop